

<template>
    <footer>
        <div v-for="(item,index) in foots" :key="index" >
            <router-link :to="item.path" >
                <i class="iconfont " :class="item.icon" ></i>
                <span> {{ item.text  }} </span>
            </router-link>
        </div>
    </footer>
</template>


<script setup>
    const foots = [
        {
            text:'首页',
            name:"home",
            path:'/index/home',
            icon:"icon-home",
        },
        {
            text:'分类',
            name:"classify",
            path:'/index/classify',
            icon:"icon-gengduo",
        },
        {
            text:'购物车',
            name:"cart",
            path:'/index/cart',
            icon:"icon-shangcheng",
        },
        {
            text:'我的',
            name:"mine",
            path:'/index/mine',
            icon:"icon-mine",
        }
    ]
</script>

<style lang="scss" scoped>
@import '../styles/foot.scss';
@import '../styles/fonts/iconfont.css';
</style>